<template>
    <div>
        <UiPagination v-model:pageInfo="pageInfo" :total="total" layout="total, sizes, prev, pager"></UiPagination>
    </div>
</template>

<script setup lang="js">
import { ref, watch } from "vue"

const total = ref(100)

const pageInfo = ref({
    page: 1,
    size: 20
})

watch(pageInfo, (value) => {
    console.log(`分页发生变化--->`, value)
});

</script>
<style scoped lang="scss"></style>